<template>
  <div id="bang">
    <!-- 导航栏 -->
    <BangdanHeader title="美妆榜" />
    
    <!-- 分类栏 -->
    <MeizhuangClassfiy />
  </div>
</template>
<script>
import MeizhuangClassfiy from "../Home-Head-/MeizhuangClassfiy.vue";
import BangdanHeader from "../Home-Head-/BangdanHeader.vue";
export default {
  components: {
    MeizhuangClassfiy,
    BangdanHeader,
  },
  methods: {
    onClickLeft() {
      //跳转到首页
      this.$router.push("/home");
    },
    onClickRight() {
      //跳转到搜索页
      this.$router.push("/search");
    },
  },   
};
</script>
<style lang="less" scoped>
#bang {
  background: white;
}
// 头部标题
.toptitle {
  width: 100%;
  height: 50px;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 999;
}
:deep(.van-nav-bar__title) {
  font-weight: 900;
}
.letfimg img {
  width: 11px;
  height: 18px;
}
.rightimg img {
  width: 23px;
  height: 22px;
}
</style>


